<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>图片标记</title>
</head>
<body>
    <!-- 什么是图片? - 二进制数据 -->
    <!-- 列举图片的格式,说出区别 -->
    <!-- 1 - gif
         2 - jpg - 不支持透明背景
         3 - png - web当中使用的格式 - 支持透明背景的

         普通的图片 - 控制10kb以内 - 降低质量
         banner图片 - 控制在150kb左右
                    - banner图片尽量选择纯色

         如果网页中的图片越大,那么网页的加载速度就会越慢 
         网页优先显示 数据内容 , 其次延迟加载显示图片

         alt - 当src指定的图片路径有误,则显示alt中的内容

         在线的图片的压缩:https://tinypng.com/
        -->
    <img src="../img/yy.jpg" alt="图片加载失败">
</body>
</html>